<div class="f-utils-fill-flex-column h-100 pt-2 pl-2 border-bottom">
  <div class="border-bottom pb-2" *ngIf="!editorParams.disableToolbar">
    <button class="btn btn-primary mr-2" (click)="addSiblingItem()">{{disableChildItem?'新增':'新增同级'}}</button>
    <button class="btn btn-secondary mr-2" *ngIf="!disableChildItem" (click)="addChildItem()">新增子级</button>
    <button class="btn btn-secondary mr-2" (click)="removeItem()">删除</button>
    <button class="btn btn-secondary mr-2" (click)="moveUpItem()">上移</button>
    <button class="btn btn-secondary mr-2" (click)="moveDownItem()">下移</button>
  </div>
  <div class="f-utils-fill-flex-row">
    <div class="f-utils-fill f-utils-overflow-auto">
      <farris-treetable #tt [data]="treeData" [idField]="this.editorParams.idKey" [striped]="false" [columns]="treeCols"
        [singleSelect]="true" [showHeader]="false" [showBorder]="false" (nodeSelected)="onNodeSelected($event)"
        [autoWidth]="true">
      </farris-treetable>
    </div>

    <div style="width:350px">
      <!-- <app-property-panel [(propertyConfig)]="propertyConfig" [(propertyData)]="propertyData" [showCloseBtn]="false"
        [isPersitOpenState]="true" [(isShowPanel)]="showPropertyPanel" (propertyChanged)="propertyChanged($event)"
        (submitModal)="onPropertyModalChanged($event)" [dynamicControl]="true" isWhiteTheme="true">
      </app-property-panel> -->
    </div>
  </div>
</div>


<ng-template #footer>
  <button type="button" class="btn btn-secondary" (click)="clickCancel()">取消</button>
  <button type="button" class="btn btn-primary" (click)="clickConfirm()">确定</button>
</ng-template>